import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

Vue.config.productionTip = false;
Vue.directive("bg", (el) => {
  el.style.background = store.state.color;
});
//注册全局的自定义指令 第一个参数 是自定义指令的名字 用的时候 就是v-bg
// 第二个参数 是生命周期函数 在这里简写成了一个函数 参数el代表 绑定指令的元素
// 给这个元素 绑定一个背景色 是从vuex里拿到的随机的颜色

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
